<!-- 任务详情 》 设备弹窗 》 基本信息 -->

<template>
  <WebShow :path="GETTER.path">
    <MajorTitle :title="`${CORE.MAP.ASSET}信息`" />

    <div v-if="one.planBizType === 1">
      <EasyRow col3>
        <ShowText :label="`${CORE.MAP.ASSET}编号`" bind="assetCode" />
        <ShowText :label="`${CORE.MAP.ASSET}名称`" bind="assetName" />
        <ShowText :label="`${CORE.MAP.ASSET}分类`" bind="assetTypeName" />
      </EasyRow>

      <EasyRow col3>
        <ShowText label="品牌" bind="assetCode" />
        <ShowText label="型号" bind="assetCode" />
        <ShowText :label="`所在${CORE.MAP.REGION}`" bind="areaName" />
      </EasyRow>
    </div>

    <div v-else>
      <EasyRow col2>
        <ShowTree :label="`上级${CORE.MAP.REGION}`" bind="areaId, areaName" :dict="CORE.REGION.DICT" allName />
        <ShowText :label="`所在${CORE.MAP.REGION}`" bind="assetName" />
      </EasyRow>
    </div>
  </WebShow>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'DeviceBase',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb(), CORE.mixWeb('device1', 'device1_'), CORE.mixWeb('device2', 'device2_')],
}
</script>
